﻿	*
	{
		margin: 0px;
		padding: 0px;
		color: #346389;
		font-family: trebuchet ms, arial, sans-serif;
	}

	body, html
	{
		background: #C0DEED;
	}

	ul li { margin-left: 20px; }
		
	.header
	{
		background: #8EC2DA; 
	}

	#scroller
	{
		background: #8EC2DA url(images/cloud.jpg) repeat-x;	
		background-position: 0px 10px;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 180px;	
	}

	.header .inner
	{
		position: relative;
	}
	
	
	.header .ghost 		
	{			
		background: #fff;
		color: #123;
		font-size: 12px;			
	}
	
	.header .ghost span
	{
		margin-left: 12px;
		display: block;
	}
	
	
	
	.header .inner .login a.btn,
	.header .inner .login div a.connecting, 
	.header .inner .login div a.bigbutton		
	{			
		display: block; 
		
		margin: 10px;
		border: 1px solid #fff;
		background: #549DE0 url(images/button-back.jpg);
		width: 160px;
		height: 24px;
		
		color: #fff;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.05em;
		font-weight: bold;	
		padding-top: 2px;			
	}
	
				
	#login_options  
	{			
		padding: 5px;
		font-size: 10pt;
		background: url(images/white-alpha.png);
		text-align:left;
	}		
	
	#login_options span
	{
		display: block;
	}
	
	#login_options a.loginsmall
	{
		display: inline-block;
		background: #549DE0;
		width: 100px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		padding: 2px;
		border: 1px solid #fff;
	}
	
	.header .inner .right		
	{
		padding: 10px;
	}

	
	.header .inner .right *
	{
		font-size: 12px;
		color: #25a;	
	}

	
	.header .inner .right a:hover
	{
		text-decoration: underline;
		color: #25f;
	}

	
	.header .inner .right span
	{
		position: relative;
		top: -2px;
		padding: 5px;
	}
	
	.page
	{
		margin: 15px auto;	
	}

	.page .ghost
	{
		background:  url(images/white-alpha.png);
		padding: 10px;
	}

	.page .wrap
	{
		background: #C0DEED;
		border-top: 4px solid #8EC2DA;
		border-bottom: 4px solid #8EC2DA;
		position: relative;
	}

	.page .wrap .inner
	{
		background: #fff;
		padding: 20px 0px 20px 0px;
	}
	
	.page .wrap .inner p,
	.page .wrap .inner ul li
	{
		font-size: 13px;
	}
	
	.page .wrap .inner p,
	.page .wrap .inner ul
	{
		padding-top: 5px;
	}
	

	
	
	.float * 
	{
		display: none;
	}
	

	.blue *  { 	color: #346389; } 
	.blue h3 { border-bottom: 2px solid #8EC2DA; }

	.red *  { color: #893463; }
	.red h3	{ border-bottom: 2px solid #DA8EC2; }

	.green *  { color: #638934; }
	.green h3	{ border-bottom: 2px solid #C2DA8E; }

	.grey *  { color: #535353; }
	.grey h3	{ border-bottom: 2px solid #ABABAB; }
	
	a.feedback { color: #d42; text-decoration: none; } 
	a.feedback:hover { text-decoration: underline; } 


	.footer
	{
		padding-left: 10px;
	}
	
	.footer a
	{
		color: #444;
		font-size: 13px;
		text-decoration: none;
	}
	
	.footer a:hover
	{
		color: #24f;
		text-decoration: underline;
	}	
	
	.footer span
	{
		padding: 0px 10px 0px 10px;
	}
	
	
	.logo,
	.page,
	.hide,
	.DisplayNone { display: none; }
	
	.title { background: #c0deed; height: 60px;}
	.title img { padding: 7px 0px 3px 7px; } 
